.main {
  z-index: 102;
  position: relative;
  background-color: #fff;
  .titles {
    height: 40px;
    display: flex;
    border-bottom: 1px solid #ccc;
    .title_item {
      flex: 1;
      font-size: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
    }
    .active {
      background-color: #21b97a;
      color: #fff;
    }
  }
  .content {
    .pickerview_wrap {
      .picker_btns {
        height: 40px;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        display: flex;
        span {
          flex: 1;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        span:nth-child(1) {
          color: #21b97a;
          background-color: #fff;
        }
        span:nth-child(2) {
          background-color: #21b97a;
          color: #fff;
          font-size: 20px;
        }
      }
    }
    .other_wrap {
      position: fixed;
      width: 100vw;
      height: 100vh;
      left: 0;
      top: 0;

      z-index: 1000;
      display: flex;
      .other_wrap_space {
        flex: 1;
        background-color: rgba(0, 0, 0, 0.3);
      }
      .other_wrap_content {
        flex: 5;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        .other_list {
          flex: 1;
          overflow: auto;
          padding: 20px;
          .other_group {
            .other_group_title {
              height: 40px;
              display: flex;
              align-items: center;
              font-size: 18px;
            }

            .other_group_content {
              display: flex;
              flex-wrap: wrap;
              .other_item {
                width: 70px;
                height: 30px;
                color: #666;
                border: 1px solid #ccc;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 3px;
                margin-right: 15px;
                margin-bottom: 15px;
                font-size: 12px;
              }
              .active {
                background-color: #21b97a;
                color: #fff;
                border: 1px solid #21b97a;
              }
            }
          }
        }
        .other_btns {
          border-top: 1px solid #ccc;
          height: 50px;
          display: flex;
          span {
            display: flex;
            justify-content: center;
            align-items: center;
            flex: 1;
          }
          span:nth-child(1) {
            background-color: #fff;
            color: #21b97a;
          }
          span:nth-child(2) {
            background-color: #21b97a;
            color: #fff;
            font-size: 18px;
          }
        }
      }
    }
  }
}
.mask {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  background-color: #00000080;
  z-index: 101;
}
// :global(.am-picker-col-indicator) {
//   // background-color: red;
// }
